<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml-stylesheet type="text/xsl" href="_global.xsl"?>
<html>
	<head>
		<title>XSLT TESTING</title>
	</head>
	<body class="xyz">		
		<h1 tid="x" class="ding">hello</h1>				
		<h2 tid="">bye</h2>
		<label id="useridLabel" nlsid="userid">User Name</label>
		<div>
			<button id="dingButton1" class="standardButton" widget="button">dingButton1</button>				
		</div>

		<button id="dingButton2" class="standardButton" widget="button">dingButton2</button>
		<button id="dingButton3" class="standardButton" widget="buttonx">dingButton3</button>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>	

		<table style="width:100%; height:100%; background-color: lightblue; height: 200px;">
			<tr>
				<td style="height:100%;">
					<div style="position:relative">one</div>
				</td>
			</tr><tr>
				<td style="height:100%;">
					<div style="position:relative">one</div>
				</td>
			</tr>
			<tr>
				<td sytle="height:0;">
					<div style="position:relative">two</div>
					<div style="position:relative">two</div>
					<div style="position:relative">two</div>
					<div style="position:relative">two</div>
					<div style="position:relative">two</div>
				</td>
			</tr>		
		</table>
				
		<table class="radioButtons">
			<tr>
				<td>
					<div>
						<object data="radio_button.svg" width="33" height="33" type="image/svg+xml" />
					</div>
				</td>
				<td>ding</td>
				<td>dong</td>
				<td>reing</td>
			</tr>
			<tr>
				<td>
					<div>
						<object data="radio_button.svg" width="33" height="33" type="image/svg+xml" />
					</div>
				</td>
				<td>ding</td>
				<td>dong</td>
				<td>reing</td>
			</tr>
			<tr>
				<td>
					<div>
						<object data="radio_button.svg" width="33" height="33" type="image/svg+xml" />
					</div>
				</td>
				<td>ding</td>
				<td>dong</td>
				<td>reing</td>
			</tr>
			<tr>
				<td>
					<div>
						<object data="radio_button.svg" width="33" height="33" type="image/svg+xml" />
					</div>
				</td>
				<td>ding</td>
				<td>dong</td>
				<td>reing</td>
			</tr>
		</table>
		<div class="standardButton">	
			<div class="standardButtonMiddleLayer"/>
			<!--<table class="standardButtonTopLayer">
			<tr><td class="standardButtonTopLayerCell">Button Text</td></tr>
		</table>-->
			<div class="standardButtonTopLayer">
				<div class="standardButtonTopLayerCell">Button Text</div>
			</div>

		</div>

		<p>hello</p>
		<p>hello</p>
		<p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p>
		<p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p>
		<p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p><p>hello</p>

		<svg width="30" height="30" version="1.1" xmlns="http://www.w3.org/2000/svg" shape-rendering="optimize-speed">
			<circle cx="15" cy="15" r="40%" stroke="blue" stroke-width="1" fill="white"/>
			<circle cx="15" cy="15" r="20%" stroke="black" stroke-width="1" fill="green"/>
		</svg>
	</body>
</html>

